<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
	
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zxx">
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script>
	addEventListener("load", function() {
		setTimeout(hideURLbar, 0);
	}, false);

	function hideURLbar() {
		window.scrollTo(0, 1);
	}
</script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet"
	media="all">
<!-- shop css -->
<link href="css/shop.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //Custom Theme files -->
<!-- online-fonts -->
<!-- logo -->
<link href="http://fonts.googleapis.com/css?family=Fredericka+the+Great"
	rel="stylesheet">
<!-- titles -->
<link
	href="http://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800,800i"
	rel="stylesheet">
<!-- body -->
<link
	href="http://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i"
	rel="stylesheet">
<!-- //online-fonts -->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

	<div id="home">
		<!-- header -->
		<!-- navbar -->
		<nav class="navbar navbar-default navbar-fixed-top">
		<div class="main-nav">
			<div class="container">

				<div class="navbar-header page-scroll">
					<button type="button" class="navbar-toggle" data-toggle="collapse"
						data-target=".navbar-ex1-collapse">
						<span class="sr-only">eBook</span> <span class="icon-bar"></span>
						<span class="icon-bar"></span> <span class="icon-bar"></span>
					</button>
					<h1>
						<a class="navbar-brand" href="index.html">eBook</a>
					</h1>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-ex1-collapse nav-right">
					<ul class="nav navbar-nav navbar-left cl-effect-15">
						<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
						<li class="hidden"><a class="page-scroll" href="#page-top"></a>
						</li>
						<li><a href="index.jsp">主页</a></li>
						<li><a href="about-us.html">关于我们</a></li>
						<li class="dropdown"><a href="#"
							class="dropdown-toggle effect-3" data-toggle="dropdown">商城
								<b class="caret"></b>
						</a>
							<ul class="dropdown-menu">
								<li><a href="shop.jsp">图书目录</a></li>
								<li><a href="single_product.jsp">单个图书</a></li>
								
							</ul></li>
						
							
						
						<li><a href="javascript:userMessagefun('${user.userName}')" title="个人信息"> 
							<span class="fa fa-user nav-icon" aria-hidden="true"></span>
						</a></li>

					</ul>
					<!-- search-bar -->
					<div class="search-bar-agileits">
						<div class="cd-main-header">
							<ul class="cd-header-buttons">
								<li><a class="cd-search-trigger" href="#cd-search"> <span></span>
								</a></li>
							</ul>
							<!-- cd-header-buttons -->
						</div>
						<div id="cd-search" class="cd-search">
							<form action="#" method="post">
								<input name="Search" type="search"
									placeholder="Type and Hit Enter...">
							</form>
						</div>
					</div>
					<!-- //search-bar ends here -->
					<!-- shopping cart -->
					<div class="cart-mainf">
						<div class="chrcart chrcart2 cart cart box_1">
							<form action="#" method="post" class="last">
								<input type="hidden" name="cmd" value="_cart"> <input
									type="hidden" name="display" value="1">
								<button class="top_chr_cart" type="submit" name="submit"
									value="">
									<i class="fa fa-cart-arrow-down" aria-hidden="true"></i>
								</button>
							</form>
						</div>
					</div>
					<!-- //shopping cart ends here -->
				</div>
				<!-- /.navbar-collapse -->
				<div class="clearfix"></div>
			</div>
			<!-- /.container -->
		</div>
		</nav>
		<!-- //navbar ends here -->
		<!-- banner -->
		<div class="banner-bg-agileits">
			<!-- banner-text -->
			<div class="banner-text">
				<div class="container">
					<p class="b-txt">爱阅</p>
					<h2 class="title">电子书城</h2>
					<ul class="banner-txt">
						<li>分享.</li>
						<li>探索.</li>
						<li>拓展.</li>
					</ul>
				</div>
			</div>
			<!-- //banner-text -->
		</div>
		<!-- //banner -->
		<!-- about -->
		<div class="about-sec section" id="about">
			<div class="container">
				<!-- about-left-grid -->
				<div class="col-md-7 about-left-grid">
					<div class="inner-about2">
						<h4>打造最适合你的个人书店</h4>
						<p>不要着急，最好的总会在最不经意的时候出现。</p>
						<h5>图书目录</h5>
						<ul class="about-list">
							<li><i class="fa fa-play-circle-o" aria-hidden="true"></i>国际收藏</li>
							<li><i class="fa fa-play-circle-o" aria-hidden="true"></i>电子书</li>
							<li><i class="fa fa-play-circle-o" aria-hidden="true"></i>手稿</li>
							<li><i class="fa fa-play-circle-o" aria-hidden="true"></i>科学和技术信息</li>
							<li><i class="fa fa-play-circle-o" aria-hidden="true"></i>漫画书</li>
							<li><i class="fa fa-play-circle-o" aria-hidden="true"></i>制图学</li>
							<li><i class="fa fa-play-circle-o" aria-hidden="true"></i>期刊</li>

						</ul>
						<a href="#">查看更多</a>
					</div>
					<!-- about left bottom - services -->
					<div class="principles-grids principles-grids1">
						<div class="abt-btm agileits w3layouts aos-init aos-animate">
							<div
								class="col-md-6 col-sm-6 agileits elite-services1 w3layouts bottom-gds"
								data-aos="fade-up">
								<div class="bott-img agileits w3layouts">
									<div class="icon-holder agileits w3layouts">
										<span class="fa fa-book agileits w3layouts service-icon"
											aria-hidden="true"></span>
									</div>
									<h4 class="mission agileits w3layouts">国外图书馆</h4>
									<div class="description agileits w3layouts">
										<a href="#">暂未开放</a>
									</div>
								</div>
							</div>
							<div
								class="col-md-6 col-sm-6 agileits elite-services2 w3layouts bottom-gds"
								data-aos="fade-down">
								<div class="bott-img bott-img1 agileits w3layouts">
									<div class="icon-holder agileits w3layouts">
										<span class="fa fa-book agileits w3layouts service-icon"
											aria-hidden="true"></span>
									</div>
									<h4 class="mission agileits w3layouts">文献资料</h4>
									<div class="description agileits w3layouts">
										<a href="#">暂未开放</a>
									</div>
								</div>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<!-- //about left bottom - services ends here -->
				</div>
				<!-- //about-left-grid ends here-->
				<!-- about-right-grid -->
				<div class="col-md-5 about-right-grid"></div>
				<!-- //about-right-grid ends here -->
				<div class="clearfix"></div>
			</div>
		</div>
		<!-- //about ends here -->
		<!-- about bottom -->
		<div class="about-bottom section">
			<div class="container-fluid">
				<h4 class="rad-txt">
					<span class="abtxt1">美好</span> <span class="abtext">
						的阅读世界</span>
				</h4>
				<!-- about-bottom grid1 -->
				<div class="col-md-6 about-bottom-right">
					<p class="abt-p">只管走过去，不要逗留着去采了花朵来保存，因为一路上，花朵会继续开放的。</p>
					<div class="col-md-6 col-sm-6 col-xs-6 services-w3ls">
						<div class="ab1">
							<div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
								<span class="fa fa-book" aria-hidden="true"></span>
							</div>
							<div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
								<h5>电子书</h5>
								<p>暂未开放</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="ab1">
							<div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
								<span class="fa fa-book" aria-hidden="true"></span>
							</div>
							<div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
								<h5>杂志</h5>
								<p>暂未开放</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="ab1">
							<div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
								<span class="fa fa-book" aria-hidden="true"></span>
							</div>
							<div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
								<h5>小说</h5>
								<p>暂未开放</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="ab1">
							<div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
								<span class="fa fa-book" aria-hidden="true"></span>
							</div>
							<div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
								<h5>有声读物</h5>
								<p>暂未开放</p>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-6 services-w3ls service2">
						<div class="ab1">
							<div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
								<span class="fa fa-book" aria-hidden="true"></span>
							</div>
							<div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
								<h5>期刊</h5>
								<p>暂未开放</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="ab1">
							<div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
								<span class="fa fa-book" aria-hidden="true"></span>
							</div>
							<div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
								<h5>电子图书馆</h5>
								<p>暂未开放</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="ab1">
							<div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
								<span class="fa fa-book" aria-hidden="true"></span>
							</div>
							<div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
								<h5>漫画书</h5>
								<p>暂未开放</p>
							</div>
							<div class="clearfix"></div>
						</div>
						<div class="ab1">
							<div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
								<span class="fa fa-book" aria-hidden="true"></span>
							</div>
							<div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
								<h5>故事书</h5>
								<p>暂未开放</p>
							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<!-- //about-bottom grid1 ends here -->
				<div class="col-md-6 home-about2">
					<!-- about-bottom grid2 -->
					<div class="col-md-6 col-sm-6 col-xs-6 bg-right"></div>
					<!-- //about-bottom grid2 ends here -->
					<!-- about-bottom grid3 -->
					<div class="col-md-6 col-sm-6 col-xs-6 w3ls-section  stats">
						<div class="stats-aboutinfo services-main">
							<div class="agileits_w3layouts-stats-grids text-center">
								<div class="stats-icon">
									<span class="fa fa-book" aria-hidden="true"></span>
								</div>
								<div class="stats-right">
									<h6>volumes</h6>
									<div class='numscroller numscroller-big-bottom' data-slno='1'
										data-min='0' data-max='221073' data-delay='.5'
										data-increment="300">221073</div>

								</div>
								<div class="clearfix"></div>

							</div>
							<div class="agileits_w3layouts-stats-grids text-center">
								<div class="stats-icon">
									<span class="fa fa-university" aria-hidden="true"></span>
								</div>
								<div class="stats-right">
									<h6>branches</h6>
									<div class='numscroller numscroller-big-bottom' data-slno='1'
										data-min='0' data-max='780' data-delay='.5'
										data-increment="50">980</div>

								</div>
								<div class="clearfix"></div>


							</div>
							<div class="agileits_w3layouts-stats-grids text-center">
								<div class="stats-icon">
									<span class="fa fa-laptop" aria-hidden="true"></span>
								</div>
								<div class="stats-right">
									<h6>e-books</h6>
									<div class='numscroller numscroller-big-bottom' data-slno='1'
										data-min='0' data-max='9800' data-delay='.5'
										data-increment="50">9800</div>

								</div>
								<div class="clearfix"></div>

							</div>
							<div class="agileits_w3layouts-stats-grids text-center">
								<div class="stats-icon">
									<span class="fa fa-users" aria-hidden="true"></span>
								</div>
								<div class="stats-right">
									<h6>visitors</h6>
									<div class='numscroller numscroller-big-bottom' data-slno='1'
										data-min='0' data-max='123623' data-delay='.5'
										data-increment="300">123623</div>

								</div>
								<div class="clearfix"></div>

							</div>
							<div class="clearfix"></div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<!-- //about-bottom grid3 ends here -->
				<!-- //Numscroller -->
				<div class="clearfix"></div>
			</div>
			<!-- //about container ends here-->
		</div>
		<!--//about bottom ends here-->
		<!-- team -->
		
	<!-- //home -->
	<!-- js -->
	<script src="js/jquery-2.2.3.min.js"></script>
	<!-- //js -->
	<!--search jQuery-->
	<script src="js/main.js"></script>
	<!--search jQuery-->
	<!-- cart-js -->
	<script src="js/minicart.js"></script>
	<script>
		chr.render();

		chr.cart.on('new_checkout', function(evt) {
			var items, len, i;

			if (this.subtotal() > 0) {
				items = this.items();

				for (i = 0, len = items.length; i < len; i++) {
				}
			}
		});
	</script>
	<!-- //cart-js -->
	<!-- Scrolling Nav JavaScript -->
	<script src="js/scrolling-nav.js"></script>
	<!-- //fixed-scroll-nav-js -->
	<!-- dropdown nav -->
	<script>
		$(document).ready(function() {
			$(".dropdown").hover(function() {
				$('.dropdown-menu', this).stop(true, true).slideDown("fast");
				$(this).toggleClass('open');
			}, function() {
				$('.dropdown-menu', this).stop(true, true).slideUp("fast");
				$(this).toggleClass('open');
			});
		});
	</script>
	<!-- //dropdown nav -->
	<!-- start-smooth-scrolling -->
	<script src="js/move-top.js"></script>
	<script src="js/easing.js"></script>
	<script>
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event) {
				event.preventDefault();

				$('html,body').animate({
					scrollTop : $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<script>
		$(document).ready(function() {
			/*
			var defaults = {
			    containerID: 'toTop', // fading element id
			    containerHoverID: 'toTopHover', // fading element hover id
			    scrollSpeed: 1200,
			    easingType: 'linear' 
			};
			 */

			$().UItoTop({
				easingType : 'easeOutQuart'
			});

		});
	</script>
	<script>
               <!--跳转到个人信息-->
		function userMessagefun(userName){
			location.href = "http://localhost:8080/love_reading_ebook_city/UserServlet?op=userMessage&userName="
				+ userName;
		} 
		</script>
	<script src="js/SmoothScroll.min.js"></script>
	<script src="js/numscroller-1.0.js"></script>
	<script src="js/bootstrap.js"></script>
</body>
</html>